<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	    <meta name="renderer" content="webkit" />
		
	</head>
	<body>
		 <input type="text" value="" class="simpleTree"  onlyLeaf="false" onlyIcon="false" id="test" style="width:200px;height: 20px; position: absolute;"/>
		
		 <input type="text" value="" class="simpleTree"  onlyLeaf="false" onlyIcon="false" checkBox="false" id="test2" style="width:200px;height: 20px;margin-top: 400px; position: absolute;"/>

       	 <script type='text/javascript' src="js/jquery.min.js"></script>
		 <script type='text/javascript' src="js/selectTree.js"></script> 
	<script type="text/javascript"	>

		var ids=[
			{id:1,pid:0,name:'行政档案'},
			{id:2,pid:0,name:'财务档案'},
			{id:3,pid:0,name:'研发档案'},
			{id:4,pid:0,name:'运营档案'},
			{id:12,pid:1,name:'行政中心明细'},
			{id:121,pid:12,name:'2015年行政中心财务报告'},
			{id:123,pid:12,name:'2016年行政中心财务报告'},
			{id:122,pid:12,name:'2017年行政中心财务报告'},
			{id:1221,pid:122,name:'2017年行政中心报告明细'},
			{id:13,pid:1,name:'统计工作'},
			{id:131,pid:13,name:'2017年统计工作统计报告'},
			{id:21,pid:2,name:'财务中心明细'},
			{id:31,pid:3,name:'研发中心明细'}
			];

	    var ids2=[
			{id:1,pid:0,name:'行政档案'},
			{id:2,pid:0,name:'财务档案'},
			{id:31,pid:2,name:'研发档案'},
			{id:11,pid:1,name:'研发档案'},
			{id:41,pid:0,name:'运营档案'}
			];
		$("#test").setData(ids)
		$("#test2").setData(ids2)
			

	</script>
	</body>
	
</html>
